//头部
.mmm_header {
  display: flex;
  background-color: #f4483e;

  .header-logo,
  .header-link {
    width: 2rem;
  }

  h1.middle {
    flex: 1;
    text-align: center;
    line-height: 2rem;
    font-size: .8rem;
    color: #fff;
    font-weight: 700;
  }
}

//白菜价头部导航
.bcj-title {
  .bcj-header {
    width: 100%;
    overflow: auto;

    ul {
      width: 1000px;

      li {
        height: 1.52rem;
        font-size: .56rem;
        line-height: 1.44rem;
        float: left;

        a {
          color: #333;
          display: inline-block;
          font-weight: 400;
          text-decoration: none;
          text-align: center;
          overflow: hidden;
          float: left;
          padding: 0;
          margin: 0 12px;
          width: auto;
          box-sizing: content-box;
        }
      }
    }
  }
}

// 白菜价内容
.bcj-content {
  ul {
    overflow: hidden;
    background-color: #f7f7f7;

    li {
      margin: 6px auto;
      background-color: #fff;
      padding: 10px 5px;
      box-sizing: border-box;
      overflow: hidden;
      position: relative;
      display: flex;

      &>a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
      }

      img {
        width: 5.2rem;
        height: 5.2rem;
        margin-right: .2rem;
      }

      .con-inner {
        flex: 1;

        p.text {
          font-size: .6rem;
          height: 1.6rem;
        }

        p.note {
          font-size: .9rem;
          color: #fc353a;
          line-height: 1.2;
          margin: .3rem 0;

          del {
            font-size: .6rem;
            color: #a8a8a8;
            margin-left: .7rem;
          }
        }

        p.progress {
          i {
            position: relative;
            width: 4rem;
            height: .4rem;
            line-height: .4rem;
            border: 1px solid #fc353a;
            border-radius: .3rem;
            color: #fff;
            font-weight: 700;
            background: #ffb7b7;
            text-align: center;
            overflow: hidden;
            display: inline-block;
            top: .06rem;

            em {
              position: absolute;
              top: 0;
              left: 0;
              height: 100%;
              border-radius: 5px;
              background: #fc353a;
              display: block;
              transition: all .3s cubic-bezier(.39, .58, .57, 1);
              width: 0;
            }

            span {
              position: relative;
              font-size: .3rem;
              z-index: 1;
            }
          }

          &>span {
            margin-left: .4rem;
            font-size: .5rem;
            color: #fc353a;
          }
        }

        p.link {
          margin-top: .2rem;

          .quan {
            float: left;
            border: 1px dotted #e4393c;
            height: 1.04rem;
            line-height: 1.04rem;
            color: #e4393c;
          }

          .buy {
            float: right;
            height: 1.12rem;
            line-height: 1.12rem;
            background-color: #ff5e5d;
            color: #fff;
            border-radius: .16rem;
            padding: 0 .4rem;
          }
        }
      }
    }
  }
}
//回到顶部
#gotop{
  position: fixed;
  z-index: 999;
  bottom: 1.2rem;
  right: .32rem;
  width: 1.6rem;
  line-height: 1.6rem;
  font-size: .6rem;
  height: 1.6rem;
  border-radius: .8rem;
  opacity: .5;
  background-color: #000;
  text-align: center;
  color: #f7f7f7;
}